import React, { Component } from 'react';
//connect高阶组件，本质上是一个函数，该函数接收一个组件作为参数，并且还会返回一个新组件，新组件是在原组件基础之上增加了新的功能。
// connect作用：在原有组件之上挂载state状态数据和dispatch更改状态数据的操作。 
// import {connect} from "react-redux";
import {mapState, mapDispatch} from "../../store/mapFunction";
class search extends Component {
    render() {
        console.log(this.props);
        return (
            <div>
                <h3>欢迎来到搜索页面{this.props.num}</h3>
                <p>{this.props.msg}</p>
                <button onClick={this.props.num1.bind(this, 10000)}>按钮1</button>
                <button onClick={this.props.num2.bind(this, "傻蛋")}>按钮2</button>
            </div>
        );
    }
}
const com = mapState(search, ["num", "msg"]);
export default mapDispatch(com, ['num1', 'num2']);